<template>
  <div>
    		<!-- 标题 -->
		<div class="title">
			<div class="back">
				<img style="width: 28px; height: 28px" src="../assets/images/back.png" />
				<span style="font-size: 16px">返回</span>
			</div>
			<div class="info">
				<span>{{title}}</span>
			</div>
			<div :class="showRight ? 'righ-vis' : 'right-hidden'">
				<span style="font-size: 16px">发布须知</span>
			</div>
		</div>
  </div>
</template>
<script>


export default {
  props:{
    showRight:{
      type:Boolean,
      default:true
    },
    title:{
      type:String,
      default:"发布信息"
    }
  }
 
}
</script>
<style scoped>
/* 标题 */
.title {
	background-color: #ed414a;
	height: 44px;
	color: white;
	font-size: 18px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px 0 5px;
	width: calc(100% - 20px);
}
.title .back {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.right-hidden{
  visibility: hidden;
}
</style>
